<template>
  <div>
    <div>
      <div class="box-1">
        <van-row>
          <van-col span="12">
            <p>今年收入</p>
            <p>{{datas.year}}</p>
            <p>同比+{{datas.contrast}}</p>
          </van-col>
          <van-col span="12"
            ><p>总收入</p>
            <p>{{datas.total}}</p></van-col
          >
        </van-row>
        <h3>统计收入</h3>
        <van-row class="app" v-for="(item,index) in list" :key="index">
          <van-col span="12">{{item.year}}</van-col>
          <van-col class="app-1" span="12">{{item.income}}</van-col>
        
        </van-row>
      </div>
    </div>
  </div>
 
</template>

<script>
export default {
  props:["datas","list"],
  data() {
    return {};
  },
  created(){
    console.log(this.datas.total,123);
  }
};
</script>
 
<style lang = "less" scoped>
.box-1 {
  padding: 15px;
  .van-row {
    border-bottom: 1px solid #ccc;
  }
  .app{
      line-height: 35px;
      padding: 0 10px;
      .app-1{
          text-align: right;
      }
  }
}
</style>